html {
  font-size: 64px; }

.article_content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #fff;
  transform: translateX(-100%);
  transition: all .5s linear;
  z-index: 99; }
  .article_content .content {
    position: absolute;
    top: 1.40625rem;
    bottom: 1.48438rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 0.625rem; }
    .article_content .content .top_menu_con {
      width: 9.14063rem;
      margin: 0 auto;
      font-size: 0; }
      .article_content .content .top_menu_con h5 {
        font-size: 16px; }
      .article_content .content .top_menu_con .collect_browse {
        display: flex;
        justify-content: flex-end; }
        .article_content .content .top_menu_con .collect_browse p {
          color: #C5C5C5;
          font-size: 14px;
          letter-spacing: em; }
          .article_content .content .top_menu_con .collect_browse p:first-of-type {
            margin-right: 0.3125rem; }
            .article_content .content .top_menu_con .collect_browse p:first-of-type::before {
              content: "\e641";
              margin-right: 0.07813rem; }
          .article_content .content .top_menu_con .collect_browse p:last-of-type::before {
            content: "\e660";
            margin-right: 0.07813rem; }
      .article_content .content .top_menu_con .time_way {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 0.54688rem; }
        .article_content .content .top_menu_con .time_way span {
          font-size: 14px;
          color: #C5C5C5;
          line-height: 0.4375rem;
          margin-right: 0.17188rem; }
        .article_content .content .top_menu_con .time_way p {
          font-size: 14px;
          color: #b20000;
          line-height: 0.4375rem; }
      .article_content .content .top_menu_con .text_menu {
        font-size: 0; }
        .article_content .content .top_menu_con .text_menu p {
          line-height: 0.4375rem;
          text-indent: 2em;
          font-size: 14px;
          color: #C5C5C5;
          margin-bottom: 0.4375rem; }
        .article_content .content .top_menu_con .text_menu h6 {
          line-height: 0.4375rem;
          text-indent: 2em;
          font-size: 15px;
          color: #1d1d1d;
          font-weight: bolder;
          margin-bottom: 0.4375rem; }
        .article_content .content .top_menu_con .text_menu .img_wrap_menu {
          width: 9.14063rem;
          margin: 0 auto;
          margin-top: -0.15625rem;
          margin-bottom: 0.4375rem; }
          .article_content .content .top_menu_con .text_menu .img_wrap_menu img {
            width: 100%;
            height: 100%; }
        .article_content .content .top_menu_con .text_menu .none_sty {
          margin-bottom: 0; }
        .article_content .content .top_menu_con .text_menu .dingge {
          text-indent: 0; }
    .article_content .content .segment_line {
      height: 0.39063rem;
      width: 100%;
      background: #f5f5f5; }
    .article_content .content .previous_page {
      width: 9.14063rem;
      margin: 0 auto;
      font-size: 16px;
      color: #727171;
      padding: 0.4375rem 0; }
      .article_content .content .previous_page p {
        font-weight: bolder; }
      .article_content .content .previous_page span {
        font-size: 14px; }
    .article_content .content .down_menu {
      width: 9.14063rem;
      margin: 0 auto;
      padding-top: 0.59375rem; }
      .article_content .content .down_menu .interaction {
        display: flex;
        justify-content: space-around;
        width: 5.125rem;
        margin: 0 auto 0.70313rem auto; }
        .article_content .content .down_menu .interaction .tags {
          height: 1.5625rem;
          width: 1.0625rem;
          text-align: center; }
          .article_content .content .down_menu .interaction .tags .tags_w {
            width: 1.0625rem;
            height: 1.0625rem;
            line-height: 0.90625rem;
            text-align: center;
            border: 0.03125rem solid #8b8b8b;
            border-radius: 50%; }
            .article_content .content .down_menu .interaction .tags .tags_w .iconfont {
              color: #C5C5C5;
              font-size: 24px; }
          .article_content .content .down_menu .interaction .tags p {
            font-size: 14px; }
      .article_content .content .down_menu .interaction_2 {
        position: relative;
        margin-bottom: 0.70313rem; }
        .article_content .content .down_menu .interaction_2 p {
          font-size: 14px;
          color: #b20000;
          text-decoration: underline;
          position: absolute;
          left: 37%;
          top: 40%; }
        .article_content .content .down_menu .interaction_2 span {
          font-size: 14px;
          color: #8b8b8b;
          position: absolute;
          left: 46%;
          top: 40%; }
        .article_content .content .down_menu .interaction_2 .text_menu_area {
          height: 2.98438rem;
          width: 100%;
          resize: none;
          border: 1px solid #cecece;
          margin-bottom: 0.25rem; }
        .article_content .content .down_menu .interaction_2 .btn {
          width: 6.17188rem;
          height: 0.82813rem;
          margin: 0 auto;
          font-size: 16px;
          color: #fff;
          text-align: center;
          line-height: 0.8125rem;
          background: #b20000; }
      .article_content .content .down_menu .interaction_3 p {
        font-size: 12px;
        color: #727171; }
      .article_content .content .down_menu .interaction_3 > span {
        text-decoration: underline; }
      .article_content .content .down_menu .interaction_3 .fir_cont {
        font-size: 0;
        margin-top: 0.3125rem; }
        .article_content .content .down_menu .interaction_3 .fir_cont .head_portrait {
          width: 0.78125rem;
          height: 0.78125rem;
          border-radius: 50%;
          overflow: hidden;
          display: inline-block;
          vertical-align: middle;
          margin-right: 0.15625rem; }
          .article_content .content .down_menu .interaction_3 .fir_cont .head_portrait img {
            width: 100%;
            height: 100%; }
        .article_content .content .down_menu .interaction_3 .fir_cont > p {
          font-size: 12px;
          display: inline-block;
          vertical-align: middle;
          color: #444444;
          margin-right: 0.125rem;
          margin-bottom: 0; }
        .article_content .content .down_menu .interaction_3 .fir_cont > span {
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          color: #b2b2b2; }
      .article_content .content .down_menu .interaction_3 .sec_cont {
        display: flex;
        justify-content: space-around;
        padding-top: 0.15625rem; }
        .article_content .content .down_menu .interaction_3 .sec_cont > p {
          line-height: 0.4375rem;
          font-size: 12px;
          margin: 0; }
          .article_content .content .down_menu .interaction_3 .sec_cont > p:first-of-type {
            color: #444444; }
      .article_content .content .down_menu .interaction_3 .thr_cont {
        font-size: 0;
        display: flex;
        justify-content: flex-end; }
        .article_content .content .down_menu .interaction_3 .thr_cont p {
          font-size: 12px;
          color: #444444;
          margin: 0; }
          .article_content .content .down_menu .interaction_3 .thr_cont p span:last-of-type {
            color: #d1d1d1; }
      .article_content .content .down_menu .interaction_3 .unfold_box {
        width: 8.51563rem;
        background: #fafafa;
        font-size: 0;
        padding: 0 0.3125rem 0.15625rem 0.3125rem;
        display: none; }
        .article_content .content .down_menu .interaction_3 .unfold_box ul li {
          padding-bottom: 0.15625rem;
          border-bottom: 0.01563rem dashed #c9c9c9; }
          .article_content .content .down_menu .interaction_3 .unfold_box ul li .message {
            padding-top: 0.29688rem; }
            .article_content .content .down_menu .interaction_3 .unfold_box ul li .message .head_portrait_un {
              width: 0.625rem;
              height: 0.625rem;
              border-radius: 50%;
              overflow: hidden;
              margin-right: 0.15625rem;
              display: inline-block;
              vertical-align: middle; }
              .article_content .content .down_menu .interaction_3 .unfold_box ul li .message .head_portrait_un img {
                width: 100%;
                height: 100%; }
            .article_content .content .down_menu .interaction_3 .unfold_box ul li .message p {
              color: #444444;
              font-size: 12px;
              margin-bottom: 0;
              display: inline-block;
              vertical-align: middle; }
            .article_content .content .down_menu .interaction_3 .unfold_box ul li .message span {
              display: inline-block;
              vertical-align: middle;
              font-size: 12px;
              line-height: 0.375rem;
              width: 5.34375rem;
              color: #444444;
              margin-left: 0.23438rem; }
          .article_content .content .down_menu .interaction_3 .unfold_box ul li .time {
            display: flex;
            justify-content: flex-end;
            padding-top: 0.3125rem; }
            .article_content .content .down_menu .interaction_3 .unfold_box ul li .time > p {
              font-size: 12px;
              color: #b2b2b2;
              margin-bottom: 0; }
          .article_content .content .down_menu .interaction_3 .unfold_box ul li .text_menu_a {
            width: 7.73438rem;
            height: 1.09375rem;
            border: 0.01563rem solid #efefef;
            margin: 0.3125rem auto 0.125rem auto;
            resize: none; }
          .article_content .content .down_menu .interaction_3 .unfold_box ul li .btn_m {
            height: 0.70313rem;
            width: 100%;
            display: flex;
            justify-content: flex-end; }
            .article_content .content .down_menu .interaction_3 .unfold_box ul li .btn_m .btn_btn {
              height: 0.70313rem;
              width: 2.71875rem;
              text-align: center;
              line-height: 0.70313rem;
              font-size: 14px;
              color: #fff;
              background: #B20000; }
          .article_content .content .down_menu .interaction_3 .unfold_box ul li:last-of-type {
            border: none; }
    .article_content .content .load_wrap {
      width: 9.14063rem;
      height: 0.90625rem;
      text-align: center;
      line-height: 0.90625rem;
      border-top: 1px solid #e6e6e6;
      margin: 0 auto; }
      .article_content .content .load_wrap h4 {
        font-size: 14px;
        color: #c5c5c5; }

.article_content_open {
  transform: translateX(0); }
